<!DOCTYPE html>
<html  lang="es">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="description" content="Plantilla de proyecto estatico" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

        <title>Plantilla HTML</title>
        <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
        <link rel="stylesheet" type="text/css" href="css/style.css"/>
    </head>
    <body>
        <!--Cabecera-->
        <div class="container">
            <div class="header">
                <img src="images/logo.jpg" class="pull-left" alt="Logo"/>
                <div class="pull-right">
                    <ul class="nav">
                        <li class="nav-starter">&nbsp;</li>
                        <li>
                            <a href="">Enlace 1</a>
                            <div class="nav-separator"></div>
                        </li>
                        <li>
                            <a href="">Enlace 2</a>
                            <div class="nav-separator"></div>
                        </li>
                        <li>
                            <a href="">Enlace 3</a>
                            <div class="nav-separator"></div>
                        </li>
                        <li>
                            <a href="">Enlace 4</a>
                            <div class="nav-separator"></div>
                        </li>
                        <li>
                            <a href="">Enlace 5</a>
                        </li>
                        <li class="nav-finisher">&nbsp;</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
        <!--Cuerpo-->
        <div class="container rounded">
            <div class="row">
            <div class="sidebar">
                <ul class="nav nav-pills nav-stacked">
                    <li class="active"><a href="#overview"><i class="icon-chevron-right"></i> Categoria 1</a></li>
                    <li><a href="#transitions"><i class="icon-chevron-right"></i> Categoria 2</a></li>
                    <li><a href="#modals"><i class="icon-chevron-right"></i> Categoria 3</a></li>
                    <li><a href="#dropdowns"><i class="icon-chevron-right"></i> Categoria 4</a></li>
                    <li><a href="#scrollspy"><i class="icon-chevron-right"></i> Categoria 5</a></li>
                    <li><a href="#tabs"><i class="icon-chevron-right"></i> Categoria 6</a></li>
                    <li><a href="#tooltips"><i class="icon-chevron-right"></i> Categoria 7</a></li>
                    <li><a href="#popovers"><i class="icon-chevron-right"></i> Categoria 8</a></li>
                    <li><a href="#alerts"><i class="icon-chevron-right"></i> Categoria 9</a></li>
                    <li><a href="#buttons"><i class="icon-chevron-right"></i> Categoria 10</a></li>
                    <li><a href="#collapse"><i class="icon-chevron-right"></i> Categoria 11</a></li>
                    <li><a href="#carousel"><i class="icon-chevron-right"></i> Categoria 12</a></li>
                    <li><a href="#typeahead"><i class="icon-chevron-right"></i> Categoria 13</a></li>
                    <li><a href="#affix"><i class="icon-chevron-right"></i> Categoria 14</a></li>
                </ul>
            </div>
            <div class="main-content">
                <div class="page-content">
                <div class="page-header  position-relative">
                    <h1>Lista de locales</h1>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <div class="thumbnail" style="min-height: 240px;position: relative;">
                            <a href="">
                                <img alt="Sapito" src="images/lps-0501.jpg">
                            </a>
                            <h5><a href="">LOCAL 1</a></h5>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore</p>
                            <div class="info-days">
                                <div class="left">
                                    5 entradas / 3 segundos
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="thumbnail" style="min-height: 240px;position: relative;">
                            <a href="">
                                <img alt="Sapito" src="images/lps-0501.jpg">
                            </a>
                            <h5><a href="">LOCAL 2</a></h5>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore</p>
                            <div class="info-days">
                                <div class="left">
                                    5 entradas / 3 segundos
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="thumbnail" style="min-height: 240px;position: relative;">
                            <a href="">
                                <img alt="Sapito" src="images/lps-0501.jpg">
                            </a>
                            <h5><a href="">LOCAL 3</a></h5>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore</p>
                            <div class="info-days">
                                <div class="left">
                                    5 entradas / 3 segundos
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="thumbnail" style="min-height: 240px;position: relative;">
                            <a href="">
                                <img alt="Sapito" src="images/lps-0501.jpg">
                            </a>
                            <h5><a href="">LOCAL 4</a></h5>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore</p>
                            <div class="info-days">
                                <div class="left">
                                    5 entradas / 3 segundos
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
            </div>
            </div>
        </div>
        <!--Pie de pagina-->
        <div class="container">
            <div style="text-align: center;margin: 10px 0px 30px 0px;">Univerisdad Peruana de Ciencias aplicadas - EPE - DEW - 2013-1-M0</div>
        </div>

        <script src="js/jquery.js" type="text/javascript"></script>
        <script src="js/bootstrap.min.js"></script>
    </body>
</html>
